<!--
 * @Author: zheng yong tao
 * @Date: 2022-01-15 16:16:22
 * @LastEditors: zheng yong tao
 * @LastEditTime: 2022-02-03 02:17:56
 * @Description: 
-->
<template>
  <div class="about-content">
    <inf class="about-inf"></inf>
    <f-link class="about-link"></f-link>
  </div>
</template>

<script>
import inf from "../components/about/inf.vue";
import fLink from "../components/about/fLink.vue";
export default {
  name: "about",
  components: {
    inf,
    fLink
  }
};
</script>

<style lang="less" scoped>
.about-content {
  display: flex;
  flex-direction: column;
  .about-inf {
    width: 60%;
    padding: 2rem;
    margin: auto;
    box-shadow: 10px 10px 5px #888888;
  }
  .about-link {
    width: 40%;
    padding: 2rem;
  }
}
</style>
